import React, {Component} from 'react';
// import qs from 'qs';

const datas = [
	{id: '01', det: '小吴好帅'},
	{id: '02', det: '小吴代码写的好'},
	{id: '03', det: '小吴最霸气'},
];
export default class Detail extends Component {
	render() {
		// 接收params参数
		const {id, title} = this.props.match.params;
		// 对比查询数据
		const obj = datas.find(obj => {
			return obj.id === id;
		});

		// 接收search参数
		// const {search} = this.props.location;
		// 解析参数
		// const searchObj = qs.parse(search.slice(1));
		// 对比查询数据
		// const obj1 = datas.find(obj => {
		// 	return obj.id === searchObj.id;
		// });

		// 接收state参数
		// const {id, title} = this.props.location.state || {};
		// 对比查询数据
		// const obj2 = datas.find(obj => {
		// 	return obj.id === id;
		// });

		return (
			<ul>
				<li>ID:{obj.id}</li>
				<li>title:{title}</li>
				<li>msg:{obj.det}</li>
			</ul>
		);
	}
}
